<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="仪表种类" name="ybzl">
        <meter-kind ref="kindRefs" v-if="activeName=='ybzl'"/>
      </el-tab-pane>
      <el-tab-pane label="仪表箱" name="ybx">
        <meter-box ref="boxRefs" v-if="activeName=='ybx'"/>
      </el-tab-pane>
      <el-tab-pane label="房间仪表" name="fjyb">
        <meter-room ref="roomRefs" v-if="activeName=='fjyb'"/>
      </el-tab-pane>
      <el-tab-pane label="充值类型" name="czlx">
        <refill ref="refill" v-if="activeName=='czlx'"/>
      </el-tab-pane>
      <el-tab-pane label="充值卡" name="czk">
        <refill-card ref="card" v-if="activeName=='czk'"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import MeterKind from "./kind"
import MeterBox from "./meterBox"
import MeterRoom from "./meterRoom"
import Refill from "./refill"
import RefillCard from "./refillCard"
export default {
  name: "meterManage",
  components:{MeterKind,MeterBox,MeterRoom,Refill,RefillCard},
  data() {
    return {
      activeName: 'ybzl'
    };
  },
  created() {

  },
  methods: {
    handleClick(tab, event) {

    }
  }
};
</script>
